<template>
	<div class="text-container" :class="props.className">
		<div v-if="props.data.data.length">
			{{ props.data.data[0].textarea }}
		</div>
		<div class="notList" v-else>暂无文本</div>
	</div>
</template>

<script setup lang="ts">
import { onBeforeMount, watch } from 'vue';
const props = defineProps({
	data: {
		type: Object,
		default: () => {},
	},
	className: {
		type: Object,
		default: () => {},
	},
});

watch(
	() => props.data,
	(val) => {}
);

onBeforeMount(() => {
	if (props.data && props.data.length > 0) {
	}
});
</script>

<style lang="scss" scoped>
.text-container {
	padding: 20px 9px;
	background-color: #fff;
	.notList {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		color: #666;
	}
}
</style>
